<style>
	.ua-demo-button .item{
		
	}
	.ua-demo-button .uac-button{
		margin: 10px;
		display:inline-block;
		float: left;
	}
	
</style>
<div class="ua-demo-button">
	<header>
		<coding lan="markup">
&lt;ua-button>default&lt;/ua-button>
&lt;ua-button href="" class="ua-btn-red">ua-btn-red&lt;/ua-button>
		</coding>
	</header>
	<div class="clearfix">
		<ua-button>default</ua-button>
		<ua-button class="ua-btn-red">ua-btn-red</ua-button>
		<ua-button class="ua-btn-pink">ua-btn-pink</ua-button>
		<ua-button class="ua-btn-purple">ua-btn-purple</ua-button>
		<ua-button class="ua-btn-deep-purple">ua-btn-deep-purple</ua-button>
		<ua-button class="ua-btn-indigo">ua-btn-indigo</ua-button>
		<ua-button class="ua-btn-blue">ua-btn-blue</ua-button>
		<ua-button class="ua-btn-light-blue">ua-btn-light-blue</ua-button>
		<ua-button class="ua-btn-cyan">ua-btn-cyan</ua-button>
		<ua-button class="ua-btn-teal">ua-btn-teal</ua-button>
		<ua-button class="ua-btn-green">ua-btn-green</ua-button>
		<ua-button class="ua-btn-light-green">ua-btn-light-green</ua-button>
		<ua-button class="ua-btn-lime">ua-btn-lime</ua-button>
		<ua-button class="ua-btn-yellow">ua-btn-yellow</ua-button>
		<ua-button class="ua-btn-amber">ua-btn-amber</ua-button>
		<ua-button class="ua-btn-orange">ua-btn-orange</ua-button>
		<ua-button class="ua-btn-deep-orange">ua-btn-deep-orange</ua-button>
		<ua-button class="ua-btn-brown">ua-btn-brown</ua-button>
		<ua-button class="ua-btn-grey">ua-btn-grey</ua-button>
		<ua-button class="ua-btn-blue-grey">ua-btn-blue-grey</ua-button>
	</div>
	<header>
		<coding lan="markup">
&lt;ua-button class="ua-raised">default&lt;/ua-button>
&lt;ua-button class="ua-raised ua-btn-red">ua-btn-red&lt;/ua-button>
		</coding>
	</header>
	<div class="clearfix">
		<ua-button class="ua-raised">default</ua-button>
		<ua-button class="ua-raised ua-btn-red">ua-btn-red</ua-button>
		<ua-button class="ua-raised ua-btn-pink">ua-btn-pink</ua-button>
		<ua-button class="ua-raised ua-btn-purple">ua-btn-purple</ua-button>
		<ua-button class="ua-raised ua-btn-deep-purple">ua-btn-deep-purple</ua-button>
		<ua-button class="ua-raised ua-btn-indigo">ua-btn-indigo</ua-button>
		<ua-button class="ua-raised ua-btn-blue">ua-btn-blue</ua-button>
		<ua-button class="ua-raised ua-btn-light-blue">ua-btn-light-blue</ua-button>
		<ua-button class="ua-raised ua-btn-cyan">ua-btn-cyan</ua-button>
		<ua-button class="ua-raised ua-btn-teal">ua-btn-teal</ua-button>
		<ua-button class="ua-raised ua-btn-green">ua-btn-green</ua-button>
		<ua-button class="ua-raised ua-btn-light-green">ua-btn-light-green</ua-button>
		<ua-button class="ua-raised ua-btn-lime">ua-btn-lime</ua-button>
		<ua-button class="ua-raised ua-btn-yellow">ua-btn-yellow</ua-button>
		<ua-button class="ua-raised ua-btn-amber">ua-btn-amber</ua-button>
		<ua-button class="ua-raised ua-btn-orange">ua-btn-orange</ua-button>
		<ua-button class="ua-raised ua-btn-deep-orange">ua-btn-deep-orange</ua-button>
		<ua-button class="ua-raised ua-btn-brown">ua-btn-brown</ua-button>
		<ua-button class="ua-raised ua-btn-grey">ua-btn-grey</ua-button>
		<ua-button class="ua-raised ua-btn-blue-grey">ua-btn-blue-grey</ua-button>
	</div>
	<header>
		<coding lan="markup">
&lt;ua-button class="ua-ghost">default&lt;/ua-button>
&lt;ua-button class="ua-ghost ua-btn-red">ua-btn-red&lt;/ua-button>
...
		</coding>
	</header>
	<div class="clearfix">
		<ua-button class="ua-ghost">button</ua-button>
		<ua-button class="ua-ghost ua-btn-red">ua-btn-red</ua-button>
		<ua-button class="ua-ghost ua-btn-pink">ua-btn-pink</ua-button>
		<ua-button class="ua-ghost ua-btn-purple">ua-btn-purple</ua-button>
		<ua-button class="ua-ghost ua-btn-deep-purple">ua-btn-deep-purple</ua-button>
		<ua-button class="ua-ghost ua-btn-indigo">ua-btn-indigo</ua-button>
		<ua-button class="ua-ghost ua-btn-blue">ua-btn-blue</ua-button>
		<ua-button class="ua-ghost ua-btn-light-blue">ua-btn-light-blue</ua-button>
		<ua-button class="ua-ghost ua-btn-cyan">ua-btn-cyan</ua-button>
		<ua-button class="ua-ghost ua-btn-teal">ua-btn-teal</ua-button>
		<ua-button class="ua-ghost ua-btn-green">ua-btn-green</ua-button>
		<ua-button class="ua-ghost ua-btn-light-green">ua-btn-light-green</ua-button>
		<ua-button class="ua-ghost ua-btn-lime">ua-btn-lime</ua-button>
		<ua-button class="ua-ghost ua-btn-yellow">ua-btn-yellow</ua-button>
		<ua-button class="ua-ghost ua-btn-amber">ua-btn-amber</ua-button>
		<ua-button class="ua-ghost ua-btn-orange">ua-btn-orange</ua-button>
		<ua-button class="ua-ghost ua-btn-deep-orange">ua-btn-deep-orange</ua-button>
		<ua-button class="ua-ghost ua-btn-brown">ua-btn-brown</ua-button>
		<ua-button class="ua-ghost ua-btn-grey">ua-btn-grey</ua-button>
		<ua-button class="ua-ghost ua-btn-blue-grey">ua-btn-blue-grey</ua-button>
	</div>
	<header>
		<coding lan="markup">
&lt;ua-button>default&lt;/ua-button>
&lt;ua-button href="" class="ua-btn-red">ua-btn-red&lt;/ua-button>
		</coding>
	</header>
	<div class="clearfix">
		<ua-button class="ua-ghost ua-btn-xlg">ua-btn-xlg</ua-button>
		<ua-button class="ua-raised ua-btn-lg ua-btn-red">ua-btn-lg</ua-button>
		<ua-button class="ua-raised ua-btn-pink">default</ua-button>
		<ua-button class="ua-raised ua-btn-sm ua-btn-pink">ua-btn-sm</ua-button>
		<ua-button class="ua-raised ua-btn-xs ua-btn-purple">ua-btn-xs</ua-button>
	</div>

</div>